<!-- 提示信息 -->
<app-tip [type]="'error'"></app-tip>

<div class="header">
  <div class="left flex"  [routerLink]="['/main/order/order-details']"  id="btn-back" [queryParams]="{tid: tid}">
    <div class="left-icon">
      <i class="fa fa-angle-left back-icon" aria-hidden="true"></i>
    </div>
    <div class="left-name">
      <span class="back-name">返回</span>
    </div>
  </div>
  <div class="center">操作记录</div>
</div>

<div style="margin-top: 4em;">
  <div class="title-text" *ngIf="logList.length">操作记录</div>
  <div style="padding: 1em 1em 2em 2em" *ngIf="logList.length">
    <div *ngFor="let v of logList">
      <div class="log-box" *ngIf="v.stateStr == '开台'">
        <span class="log-kt-box"><i class="fa fa-play-circle"></i></span>
        <div class="log-kt-content">
          <div>{{v.content}}</div>
          <div style="text-align: right;padding-right: .5em;color: #eee"><i class="fa fa-clock"></i> {{v.create_time}}</div>
        </div>
      </div>
      <div class="log-box" *ngIf="v.stateStr == '加菜'">
        <span class="log-jia-box"><i class="fa fa-plus-circle"></i></span>
        <div class="log-jia-content">
          <div>{{v.content}}</div>
          <div style="text-align: right;padding-right: .5em;color: #eee"><i class="fa fa-clock"></i> {{v.create_time}}</div>
        </div>

      </div>
      <div class="log-box" *ngIf="v.stateStr == '退菜'">
        <span class="log-jc-box"><i class="fa fa-times-circle"></i></span>
        <div class="log-jc-content">
          <div>{{v.content}}</div>
          <div style="text-align: right;padding-right: .5em;color: #eee"><i class="fa fa-clock"></i> {{v.create_time}}</div>
        </div>
      </div>
      <div class="log-box"*ngIf="v.stateStr == '转台'">
        <span class="log-hz-box"><i class="fa fa-retweet" style="font-size: 1.6em;"></i></span>
        <div class="log-hz-content">
          <div>{{v.content}}</div>
          <div style="text-align: right;padding-right: .5em;color: #eee"><i class="fa fa-clock"></i> {{v.create_time}}</div>
        </div>
      </div>
      <div class="log-box" *ngIf="v.stateStr == '并台'">
        <span class="log-bz-box"><i class="fa fa-compress"></i></span>
        <div class="log-bz-content">
          <div>{{v.content}}</div>
          <div style="text-align: right;padding-right: .5em;color: #eee"><i class="fa fa-clock"></i> {{v.create_time}}</div>
        </div>
      </div>
    </div>
    <div class=" log-box">
      <span class="log-end-box"><i class="fa fa-clock" style="font-size: 1.6em;"></i></span>
    </div>

  </div>
</div>
